<template>
  <div>
    <titleHead :title="'全省电子政务外网覆盖情况'" />
    <el-row :gutter="20">
      <el-col v-for="item in 4" :key="item" :span="12" style="margin: 3rem 0">
        <titleCard  :cockpitData="dataArray[item-1]"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataArray:[]
      }
      },
   mounted(){
    this.getInfor()
  },
   methods: {
    getInfor() {
      this.getInfo({ key: "8-8-1" }).then(res=>{
            res.cockpitData.map(e=>{
              this.dataArray.push(e)
            })
      });
    },
  },
};
</script>

<style>
</style>